<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单控件</title>
</head>
<body>
	<div class="form">
		<!-- form标签是一个块级元素   被提交 -->
		<form action="https://www.baidu.com" method="get">
			<p>
				<!-- label标签行内元素  input是行内块元素-->
				<label for='user'>用户名:</label>
				<input type="text" name="username" id="user" placeholder="请输入用户名">

			</p>
			<p>
				<label for="password">密码：</label>
				<input type="password" name="password" id="password" placeholder="请输入密码">
			</p>
			<!-- 单选框  checked会被默认选中，产生互斥的效果 name值要相同-->
			<p>
				用户性别：
				<input type="radio" name="sex" value="男" checked="">男
				<input type="radio" name="sex" value="女">女

			</p>
			<!-- 复选框 -->
			<p>
				用户的爱好:
				<input type="checkbox" name="checkfav" value="吃" checked="check">吃
				<input type="checkbox" name="checkfav" value="喝">喝
				<input type="checkbox" name="checkfav" value="玩">玩
				<input type="checkbox" name="checkfav" value="乐">乐

			</p>
			<p>
				<!-- 文件上传 -->
				<input type="file" name="textFile">
			</p>
			<p>
				
				<!-- 文本域 -->

				自我介绍：
				<textarea cols="20" rows="5"  name="txt" placeholder="请做自我介绍"></textarea>
			</p>
			<p>
				<!-- 下拉列表 -->
				<select name="sel" size="3" multiple="">
					<option value="深圳" selected>深圳</option>
					<option value="北京">北京</option>
					<option value="沙河">沙河</option>
					<option value="山东">山东</option>
					<option value="福建">福建</option>
				</select>
			</p>
			<p>
				<!-- 显示普通的按钮 -->
				<input type="button" name="btn" value="提交" disabled="disabled">
		
				<!-- 重置按钮 -->
				<input type="reset" name="">

				<!-- 提交form表单使用 type=submit按钮 -->
				<input type="submit" name="btn" value="submit">
			</p>
		</form>
		<button type="button">按钮</button>
	</div>
</body>
</html>